// 入口文件:引入vue3CreateApp方法,创建应用实例
import { createApp } from 'vue';
// 引入pinia仓库
import pinia from './stores';
// 引入element-ui插件库
import ElementPlus from 'element-plus';
// element-plus:中文简体
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import 'element-plus/dist/index.css';
// 引入根节点
import App from './App.vue';
// 引入路由
import router from './router';
// 引入项目的全局样式
import './styles/index.scss';
// 引入ElSvg
import ElSvg from './components/SvgIcon/ElSvg';
import './permission';

// 引入注册全局组件
import Category from '@/components/Category/index.vue';

const app = createApp(App);
// 注册全局组件
app.component('Category', Category);

import { inShowButton } from './utils/directive';

// 引入mock接口
import '@/mock/mockServer';
// 引入vue-echarts组件
import vcharts from 'vue-echarts';
// 注册全局组件
app.component('v-charts', vcharts);
inShowButton(app);

// 引入暗黑模式的样式
import 'element-plus/theme-chalk/dark/css-vars.css'


ElSvg(app);
app.use(pinia).use(router).use(ElementPlus, { locale: zhCn }).mount('#app');
